<template>
	<view class="">
		<view class="map">
			 <map style="width:100%;height:85vh;"
			:latitude="latitude"
			:longitude="longitude"
			:markers = 'markers'></map>
		</view>
	</view>
</template>

<script>
	// userInfo.user_identity = '0'//0主人，1工作人，如果是店主直接店主如果加入别人的店就是工作人员
	var _that;
	var goods;
	import dragButton from '@/components/drag_button/drag_button';
	import mInit from '../../../tools/Init';
	var TimerTools = require('../../../tools/TimerTools.js'),
		mTimerTools;
	var ERShoopManage = require('../../../service/ERShoopManage.js'),
		mERShoopManage;
	var UserInfo = require('../../../service/UserInfo.js'),
		mUserInfo;
	var ERgoodsShelf = require('../../../service/ERgoodsShelf'),
		mERgoodsShelf;
	var ERGoodsScan = require('../../../service/ERGoodsScan'),
		mERGoodsScan;
	import initMixin  from '../../../static/js/initMixin.js' ;
		export default {
			 
		data() {
			return {
			 　// 经纪人id
		   　　 agentId:0,
			　　title: 'map', //地图标题
			　　latitude: '',  //纬度
		   　　 longitude: '',  //经度
	 　　　　　　//scale：5，//最小数，缩放范围最大，可见程度最大
	 　　　　　　//scale：18，//最大数，缩放范围最小，可见程度最小
				markers:[]
			};
		},
		onLoad() {
			_that = this
			_that.loadDate()
		},
		methods:{
			loadDate(){
				//获取位置
				console.log('获取位置')
				uni.getLocation({
					type:'gcj02 ',
					geocode:true,
					isHighAccuracy:true,
					 success(res) {
					 	console.log(res)
						_that.latitude = res.latitude
						_that.longitude = res.longitude
						let markers = _that.markers
						let me = {
							　　id:0,
							　　latitude: res.latitude,//纬度
							　　longitude: res.longitude,//经度
							　　iconPath: '/static/icon/vip.png',    //显示的图标        
							　　rotate:0,   // 旋转度数
							　　width:20,   //宽
							　　height:20,   //高
							　　 title:'我的位置',//标注点名
							　　 alpha:0.5 ,  //透明度
							　　 label:{
								//为标记点旁边增加标签   //因背景颜色H5不支持
							// 　　 content:'唐山迁安',//文本
							// 　　　color:'red',//文本颜色
							// 　　fontSize:24,//文字大小
							//    x:5,//label的坐标，原点是 marker 对应的经纬度
							//    y:1,//label的坐标，原点是 marker 对应的经纬度 
							//    borderWidth:12,//边框宽度
							//    borderColor:'pink',//边框颜色    
							// 　　borderRadius:20,//边框圆角                        
							// 　　bgColor:'black',//背景色
							// 　　padding:5,//文本边缘留白
							//    textAlign:'right'//文本对齐方式。
							},
							callout:{//自定义标记点上方的气泡窗口 点击有效  
							　　content:'我的位置',//文本
							　　color:'#ffffff',//文字颜色
							　　fontSize:14,//文本大小
							　　borderRadius:2,//边框圆角
							　　 bgColor:'#00c16f',//背景颜色
							　　display:'ALWAYS',//常显
							},
							// anchor:{//经纬度在标注图标的锚点，默认底边中点
							//     x:0,    原点为给出的经纬度
							//     y:0,
							// }
								
						}
						markers.push(me)
						_that.markers = markers
					 },
					 fail() {
					 	console.log('获取失败')
					 }
				},
				  )
			}
		}
	};
</script>

<style lang="scss">
	/* page {
		background-color: #e5e5e5;
	} */
	.u-config-wrap {
		padding: 40rpx;
	}

	.slot-content {
		background-color: #ffffff;
		padding: 24rpx;
		font-size: 28rpx;

		.item-box {
			margin-bottom: 50rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			.item {
				border: 1px solid red;
				color: red;
				padding: 8rpx 40rpx;
				border-radius: 100rpx;
				margin-top: 30rpx;
			}

			.active {
				color: #ffffff;
				background-color: red;
			}
		}
	}
</style>
